@import "~@/common/common.css.styl"

.hot-place-count
    width: 100%
    height: 100%
    color: #BFBEBE
    background-color #093068
    border: 1px solid #2480B4
    box-shadow 0 0 4px #2480B3
    position relative

    .icon
        color: #02CDE6

        i
            position absolute

            &.icon-1
                left: -8px;
                top: -8px;
                transform: rotate(-45deg);

            &.icon-2
                right: -8px;
                top: -8px;
                transform: rotate(45deg);

            &.icon-3
                right: -8px;
                bottom: -8px;
                transform: rotate(135deg);

            &.icon-4
                left: -8px;
                bottom: -8px;
                transform: rotate(225deg);

    .title
        height: 43px
        display: flex
        justify-content center
        align-items center
        background-color #051D3F

        .left-icon
            color: #2D8FDB

            i
                color: #9ACEF7

        .right-icon
            color: #9ACEF7

            i
                color: #2D8FDB

        .text
            color: #237DBF
            font-size: font-sl
            margin: 0 9px

    .chart
        height: calc(100% - 41px)
        display flex
        justify-content space-between
        align-items center
        padding 27px 42px 24px 10px

        .list
            width: 303px
            height: 100%

        .map
            margin-bottom 13px
            width: 543px
            height: calc(100% - 13px)